// 分享赚钱
import React from "react"
import { Menu } from 'antd';
import "../index.css"

const { SubMenu } = Menu;

class App extends React.Component {
    state = {
        current: 'mail',
    };

    handleClick = e => {
        console.log('click ', e);
        this.setState({ current: e.key });
    };

    render() {
        const { current } = this.state;
        return (
            <div className="Qh_zw">
                <div className="Qh_bj">

                    <div className="Qh_bann">
                        <img className="big" src={require('../image/1.png').default} />
                        <Menu onClick={this.handleClick} selectedKeys={[current]} mode="horizontal" className="Qh_ban">
                            <SubMenu
                                key="SubMenu"
                                title="推广管理"
                            >
                                <Menu.Item key="setting:1">团长备案</Menu.Item>
                                <Menu.Item key="setting:2">推广者备案</Menu.Item>
                            </SubMenu>
                            <SubMenu
                                key="SubMenu1"
                                title="我要推广"
                            >
                                <Menu.Item key="setting:1">活动推广</Menu.Item>
                                <Menu.Item key="setting:2">店铺推广</Menu.Item>
                                <Menu.Item key="setting:1">主题推广</Menu.Item>
                                <Menu.Item key="setting:2">限时推广</Menu.Item>
                            </SubMenu>
                            <SubMenu
                                key="SubMenu2"
                                title="效果数据"
                            >
                                <Menu.Item key="setting:1">整体收益数据</Menu.Item>
                                <Menu.Item key="setting:2">推手推广效果</Menu.Item>
                            </SubMenu>
                            <SubMenu
                                key="SubMenu3"
                                title="我的工具"
                            >
                                <Menu.Item key="setting:1">链试工具</Menu.Item>
                                <Menu.Item key="setting:2">收藏夹</Menu.Item>
                            </SubMenu>
                            <SubMenu
                                key="SubMenu4"
                                title="招商团长"
                            >
                                <Menu.Item key="setting:1">招商爆品</Menu.Item>
                                <Menu.Item key="setting:2">招商活动</Menu.Item>
                            </SubMenu>
                            <Menu.Item key="mail1" >
                                推广管理
         </Menu.Item>
                            <Menu.Item key="mail2" >
                                推广管理
          </Menu.Item>
                        </Menu>
                    </div>

                    <div className="Qh_img">
                        <img width="100%" src="//t16img.yangkeduo.com/mms_static/c22e98f3a8c781483f03ce8b94ff6d59.png" />
                    </div>
                    <div className="Qh_img1">
                        <img width="250px" src="//t16img.yangkeduo.com/mms_static/31131434c7624b7123cb0d84c0a32ff7.png" alt="" />
                    </div>
                    <div className="Qh_s4">
                        <img className="big" src={require('../image/2.png').default} />
                    </div>
                </div>
        
                <div className="Qh_app">
                <img width="100%" src={require('../image/3.png').default} />
                </div>

                <div className="Qh_tgcp">
                <img  src={require('../image/4.png').default} />
                <div className="Qh_tgcp3">
                    <div className="Qh_tgcp3_1">
                        <img src="//t16img.yangkeduo.com/mms_static/39487e7e7cbe66ccd7bdcc6c549a7e55.png" />
                        <p className="Qh_p">多多进宝公众号</p>
                        <p>关注后自动成为推手，<br/>
                        点击"立即赚钱"开始分享商品。
                        </p>
                    </div>
                    <div className="Qh_tgcp3_1 Qh_rl">
                        <img src="//t16img.yangkeduo.com/mms_static/5a6da28bc4ed34f120da725bc3ac864e.png" />
                        <p className="Qh_p">多多进宝公众号</p>
                        <p>关注后自动成为推手，<br/>
                        点击"立即赚钱"开始分享商品。
                        </p>
                    </div>
                    <div className="Qh_tgcp3_1">
                        <img src="//t16img.yangkeduo.com/mms_static/8b2a556dc779d0a6a78c8e747746c64b.png" />
                        <p className="Qh_p">多多进宝公众号</p>
                        <p>关注后自动成为推手，<br/>
                        点击"立即赚钱"开始分享商品。
                        </p>
                    </div>
                </div>
                </div>
            
               <div className="Qh_ys">
                   <div className="Qh_yss">
                   <img className="Qh_yssi" src={require('../image/5.png').default} />
                   <div className="Qh_ym">
                       <img src="//t16img.yangkeduo.com/mms_static/d164b2f22665347916f4b4b566ae2334.png" />
                       <div>
                           <p className="Qh_p2">零服务费</p>
                           <p className="Qh_p3">平台不抽取任何费用，最大化让利，你推出的商品获得多少佣金，<br/>就可提现多少佣金</p>
                       </div>
                   </div>
                   <div className="Qh_ym">
                       <img src="//t16img.yangkeduo.com/mms_static/1394dd56f2d865f25cf9bb9086941d31.png" />
                       <div>
                           <p className="Qh_p2">收益高</p>
                           <p className="Qh_p3">平台不抽取任何费用，最大化让利，你推出的商品获得多少佣金，<br/>就可提现多少佣金</p>
                       </div>
                   </div>
                   <div className="Qh_ym">
                       <img src="//t16img.yangkeduo.com/mms_static/0d678134c52ed512773ff46d4aceb321.png" />
                       <div>
                           <p className="Qh_p2">转化率极高</p>
                           <p className="Qh_p3">平台不抽取任何费用，最大化让利，你推出的商品获得多少佣金，<br/>就可提现多少佣金</p>
                       </div>
                   </div>
                   <div className="Qh_ym">
                       <img src="//t16img.yangkeduo.com/mms_static/c29c5c6ea41d682959ea50a60fabbef6.png" />
                       <div>
                           <p className="Qh_p2">专程指导</p>
                           <p className="Qh_p3">平台不抽取任何费用，最大化让利，你推出的商品获得多少佣金，<br/>就可提现多少佣金</p>
                       </div>
                   </div>
                   <div className="Qh_ym">
                       <img src="//t16img.yangkeduo.com/mms_static/aed7116a15e08330de914bb2b5383903.png" />
                       <div>
                           <p className="Qh_p2">低成本冲首页 冲搜索 冲分类</p>
                           <p className="Qh_p3">平台不抽取任何费用，最大化让利，你推出的商品获得多少佣金，<br/>就可提现多少佣金</p>
                       </div>
                   </div>
                   <div className="Qh_ym">
                       <img src="//t16img.yangkeduo.com/mms_static/2bc9128783581953fea55639c0e236c4.png" />
                       <div>
                           <p className="Qh_p2">开放包容</p>
                           <p className="Qh_p3">平台不抽取任何费用，最大化让利，你推出的商品获得多少佣金，<br/>就可提现多少佣金</p>
                       </div>
                   </div>
                   </div>
               </div>

               <div>
               <img width="100%" src={require('../image/6.png').default} />
               </div>
            </div>


        );
    }
}

export default App